:root {
    /*主配色*/
    --primary-color: #f7fcf8;
    --sub-color: white;
}

/* 超过宽度则限制显示 */
@limit-word-width: 160px;

// 超出范围显示省略号
.limit-word {
    // 使限制生效，转化为行内块元素
    display: inline-block;
    // 使文字垂直居中
    vertical-align: middle;
    // 禁止换行
    white-space: nowrap;
    // 超出部分隐藏
    overflow: hidden;
    // 超出部分用省略号表示
    text-overflow: ellipsis;
    // 限制最大宽度
    max-width: @limit-word-width;
}